<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery对象和JS对象的相互转换</title>
    <script src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div id="div1">div1.....</div>
    <div id="div2">div2.....</div>

<script>
   //1: 通过js方式来获取名称叫div的所有html元素对象
  var aa= document.getElementById("div"); //aa可以当做一个数组来使用
   //让aa中所有的div让其标签体内容变为aaa
   for (var i = 0; i < aa.length; i++) {
       //aa[i].innerHTML="aaa";
       $(aa[i]).html(ccc);//这里将js转换为jq
   }

   //通过jq方式来获取名称叫div的所有html元素对象
   var bb=$("div");//bb也可以被当做一个数组来使用
   ////让bb中所有的div让其标签体内容变为bbb
   // $bb.html("bbb");
   bb[0].innerHTML ="ddd";//这里将jq转换为js

    /*
      1: JQuery对象在操作时,更加方便.
      2: JQuery和js对象方法不通用的
      3: 两个对象的相互转换
        * JQ-->JS : jq对象[索引]  bb[0].innerHTML ="ddd";//这里将jq转换为js
        * JS-->JQ : $(js对象)      $(aa[i]).html(ccc);//这里将js转换为jq


   */

</script>
</body>
</html>